page{font-size: 28rpx; color: #181818;}
.padleft20{
	padding-left:40rpx;
}
.padright20{
	padding-right: 40rpx;
}
.padtop7{
	padding-top:14rpx;
}
.padbottom7{
	padding-bottom: 14rpx;
}
.head-img-view{
	width: 100rpx;height: 100rpx;overflow: hidden;border-radius: 50rpx;
	.head-img{

	}
}
.containers{
	padding-left: 20rpx;
	padding-right:20rpx;
}
.box-item{
	margin: 20rpx 0;
	width: 100%;
	height: 240rpx;
	background: #ffffff;
	border-radius: 32rpx;
	padding: 0 20rpx;
}
.flex-start-box{
 
	.btn-bind{
		width: 152rpx;
		height: 88rpx;
		background: #3894ff;
		border-radius: 44rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 88rpx;
	}
	.btn-unbind{
		width: 152rpx;
		height: 88rpx;
		background: #ff4141;
		border-radius: 44rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 88rpx;
	}
	.publicImg{
		width: 176rpx;
		height: 176rpx;
	}
	.over-ellipsis-two{
		width: 300rpx;
		height: 180rpx;
		font-size: 32rpx; 
		font-weight: 600;
		text-align: left;
		color: #222222;
		line-height: 24px;
	}
}
.title-bind{
	width: 100%;
	height: 22px;
	font-size: 32rpx;
	font-weight: 600; 
	color: #222222;
	padding:30rpx 0;
}
.self-dialog{
	padding: 30rpx 50rpx; 
	width: 63%;
	border-radius: 32rpx;
	margin: auto;
	font-size: 30rpx; 
	font-weight: 300;
	text-align: center;
	color: #222222;
	.btn-bind{ 
		margin: auto;
		margin-top: 40rpx;
		border-radius: 44rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 88rpx;
		width: 364rpx;
		height: 88rpx;
		background: #3894ff;
		line-height: 88rpx;
		border-radius: 8px;
	}
}
.cancelBindPopup{width: 600rpx;overflow: hidden;}

